@import '~@delon/theme/styles/default';
:host ::ng-deep{
    .jcbg{
        .top{
            padding: 30px; margin-bottom: 30px;background: #fff;
            .title{height: 60px;line-height: 60px;margin-bottom: 10px;display: flex;
                .l{flex: 1;font-size: 30px;color: #101010;}
                .c{margin-right: 30px;}
            }
            .jianyi{background: #EFF4F7;height: 350px;padding: 30px;display: flex;margin-bottom: 20px;border-radius: 4px;
                .l{flex: 1;
					p{font-size: 22px;color: #101621;}
					.jianyi-icon{width: 180px;height: 180px;margin: 36px auto;overflow: hidden;background: url(https://www.zhaodui.com.cn/pic/fxjIcon/icon-66.png) center center no-repeat;background-size: 100% 100%;
						.text{color: #3A8DD8;
							line-height: 178px;
							text-align: center;
							font-size: 30px;
							transform: rotate(-35deg);
							-ms-transform: rotate(-35deg);
							-moz-transform: rotate(-35deg);
							-webkit-transform: rotate(-35deg);
							-o-transform: rotate(-35deg);
						}
					}
                }
                .r{flex: 2;
                    .item{height: 75px;display: flex;
						.dian{width: 18px;height: 18px;background: #E51C23;border-radius: 9px;margin-top: 30px;margin-right: 20px;}
						.t{width: 100px;margin-right: 20px;line-height: 75px;}
						.ipt{background: #fff;border-radius: 4px;margin-top: 18px;width: 200px;height: 40px;border: 1px solid rgb(187,187,187);font-size: 14px;margin-right: 20px;
							input{width: 100%;height: 100%;background: transparent;color: #E51C23;border: none;text-align: center;font-size: 28px;}
						}
						.info{flex: 1;line-height: 75px;}
                    }
                }
			}
			.grage{display: flex;height: 300px;
				.l{background: #EFF4F7;margin-right: 10px;padding: 20px;flex: 1;border-radius: 4px;
					.tit{color: #101621;font-size: 22px;margin-bottom: 5px;}
					.t{font-size: 80px;text-align: center;color: #E51C23;height: 116px;line-height: 116px;margin-bottom: 20px;}
					ul{overflow: hidden;padding-left: 0;
						li{list-style: none;width: 50%;height: 30px;line-height: 30px;float: left;}
					}
				}
				.r{background: #EFF4F7;padding: 20px;flex: 2;border-radius: 4px;
					.tit{color: #101621;font-size: 22px;}
					.box{
						.item{height: 75px;display:flex;
							.dian{width: 18px;height: 18px;background: #E51C23;border-radius: 9px;margin-right: 20px;margin-top: 30px;}
							.txt1{width: 75px;height: 75px;line-height: 75px;margin-right: 20px;font-size: 18px;}
							.ipta{width: 200px;height: 40px;line-height: 40px;margin-right: 20px;margin-top: 18px;border: 1px solid rgb(187,187,187);border-radius: 4px;
								input{width: 100%;height: 100%;background: transparent;border: none;text-align: center;font-size: 20px;}
							}
							.iptb{width: 200px;height: 40px;line-height: 40px;margin-right: 20px;margin-top: 18px;border: 1px solid rgb(187,187,187);border-radius: 4px;
								input{width: 100%;height: 100%;background: transparent;border: none;text-align: center;font-size: 20px;}
							}
							.txt2{width: 130px;height: 75px;line-height: 75px;margin-right: 20px;font-size: 18px;}
							.iptb{}
						}
					}
				}
			}
			.khxx{

			}
        }
		.bottom{padding: 30px;background: #fff;
			.a{overflow: hidden;
				.tit{color: #101621;font-size: 22px;margin-bottom: 10px}
				.wrap{display: flex;margin-bottom: 10px;
					.item{flex: 1;
						.t{color: #101621;font-size: 18px;position: relative;padding-left: 10px;margin-bottom: 10px;}
						.t::before{width:4px;height: 20px;background: #3F51B5;position: absolute;top: 4px;left: 0;content: " "}
						ul{margin: 0;padding: 0;}
						ul>li{height: 40px;line-height: 40px;font-size: 14px;width: 50%;float: left;list-style: none;display: flex;							
							.dian{width: 20px;height: 20px;border: 1px solid #ccc;margin-top: 10px;position: relative;border-radius: 50%;margin-right: 20px;}
							.a{width: 20px;height: 20px;border: 1px solid #E51C23;margin-top: 10px;position: relative;border-radius: 50%;margin-right: 20px;}
							
							.a::before{width: 12px;height: 12px;background: #E51C23;border-radius: 50%;position: absolute;top: 50%;margin-top: -6px;left: 50%;margin-left: -6px;content: " ";}

						}
					}
				}
				.ba{width: 100%;height: 240px;margin-bottom: 20px;}
				.wrapa{width: 100%;height: 240px;
					.tit{height: 30px;margin-bottom: 10px;font-size: 18px;padding-left: 10px;position: relative;}
					.tit::before{content: " ";width: 4px;height: 20px;background: #3F51B5;position: absolute;top: 5px;left: 0;}
					.box{height: 175px;margin-bottom: 5px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;display: flex;
						.item{flex: 1;padding: 10px;position: relative;
							p{font-size: 12px;text-align: center;position: absolute;left: 0;right: 0;}
							.b{width: 44px;background: #CEE5F2;position: absolute;bottom: 0;left: 50%;margin-left: -22px;}
						}
					}
					ul{margin: 0;padding: 0;height: 10px;display: flex;line-height: 10px;
						li{list-style: none;flex: 1;text-align: center;font-size: 12px;}
					}
				}
				.r{display: flex;margin-bottom: 20px;
					.d{flex: 1;}
				}
			}
        }
    }
    
}

.ant-form-item-label {text-align: left;margin-top:2px;width:130px;height:32px;float: left;line-height:16px;overflow: visible;white-space: normal;display: flex;flex-wrap: wrap;align-content:center;padding-right: 10px;
	&.w60 {width:60px;}
  }
  .ml {margin-left: 130px!important; }